<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:tcc="http://www.faesppr.br/componentes">

<ui:composition template="../template.xhtml">

	<ui:define name="conteudo">
	
		<f:metadata>
			<f:event type="preRenderView" listener="#{sessaoMBean.verificaSessao}"></f:event>
		</f:metadata>
		
		
	    <div style="margin: auto; width: 500px; padding-top: 20px;">	
	    
	    <h:form id="formListaUnidade">
	    
            <p:panel style="width:500px" id="painelTabela">
            
               <p:dataTable
               		var="var"
               		id="tabelaUnidade"
                 	widgetVar="tabelaUnidade"
                 	value="#{unidadeMBean.lazyModel}" 
                	paginator="true"
                	rows="10"
                	lazy="true"
                	emptyMessage="Não há registros."
                	paginatorTemplate="{RowsPerPageDropdown}{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                 	paginatorPosition="bottom"
                 	rowsPerPageTemplate="10,20,30" 
                 	onRowSelectComplete="carDialog.show()" 
                 	onRowSelectUpdate="display" 
                 	dynamic="true" 
                >
                
				<f:facet name="header">Unidades Cadastradas</f:facet>
				
				<p:column 
					filterBy="#{var.nome}"
				    filterStyle="width:130px;"
				>
					<f:facet name="header">Nome	</f:facet>
					<h:outputText value="#{var.nome}" />
				</p:column>														
				
				<p:column 
					filterBy="#{var.tipo}"
					style="width:90px"
					filterStyle="width:80px"
				>
					<f:facet name="header">Tipo</f:facet>
					<h:outputText value="#{var.tipo}"/>
				</p:column>	
													
				<p:column 
					filterBy="#{var.status}"
					style="width:90px"
					filterStyle="width:80px"
				>
					<f:facet name="header">Status</f:facet>
					<h:outputText value="#{var.status}"/>
				</p:column>														
									
							<p:column style="width:16px">
							<p:commandButton
							    action="#{unidadeMBean.flagSelecionado}"
							    update = "unidadeAlteracao:gridUnidade"
							    oncomplete="alteracao.show()" title="Alterar dados da Unidade" image="ui-icon-pencil">
							    <f:param name="parametro" value="#{var.id}" />    
							</p:commandButton>
							</p:column>
							
				</p:dataTable>     
     		</p:panel>

		</h:form>
	  </div>
	  <h:form id="unidadeAlteracao">
	  
	     <p:dialog header="Alteração de dados da Unidade"  widgetVar="alteracao" width="260" modal="true" resizable="false" closeListener="#{unidadeMBean.limparCampos}">
	           <p:panel id="gridUnidade" style="border:none">
					<tcc:unidcadastro
						renderedAlterar="true"
						renderedSalvar="false"
						renderedLimpar = "false"
						renderedFechar = "true"
						update="formListaUnidade:tabelaUnidade unidadeAlteracao:gridUnidade messageGrowl:growl"
					/>
				</p:panel>
        </p:dialog>	
	  
	  </h:form>
	  

	  
	</ui:define>
	



</ui:composition>
</html>